<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/sign.css" />
    <title>大麦注册</title>
  </head>
  <body>
    <div id="nav">
      <ul>
        <div class="left">
          <li><img src="img/n0.png" alt="" /></li>
        </div>
      </ul>
    </div>
    <!-- 版心 -->
    <div class="banner-wrap">
      <div class="banner">
        <ul id="judge">
          <li>
            <div class="left">
              <span>手机号码:</span>
              <i>*</i>
            </div>
            <input type="text" placeholder="请输入手机号" name="true" />
          </li>
          <em>手机号输入有误:数字1开头13位</em>
          <em>手机号不能为空</em>
          <li>
            <div class="left">
              <span>输入密码:</span>
              <i>*</i>
            </div>
            <input type="password" placeholder="请输入密码" name="true" />
          </li>
          <em>请输入密码:数字字母下划线6-18位</em>
          <li>
            <div class="left">
              <span>确认密码:</span>
              <i>*</i>
            </div>
            <input type="password" placeholder="请输再次输入密码" name="true" />
          </li>
          <em>请输再次入密码</em>
          <li>
            <div class="left">
              <span>滑动验证码:</span>
              <i>*</i>
            </div>
            <h3
              style="
                width: 312px;
                height: 38px;
                border: none;
                float: left;
                cursor: pointer;
                position: relative;
                background-color: rgb(255, 255, 255, 0);
              "
            >
              <div class="a1"></div>
              <div class="a2">>></div>
              <p
                style="
                  position: absolute;
                  top: 0;
                  left: -10px;
                  width: 312px;
                  height: 38px;
                  background-color: #9999;
                  text-align: center;
                  line-height: 38px;
                "
              >
                按住滑块,拖动到最右边
              </p>
            </h3>
          </li>
          <em>请拖动滑动验证码</em>
          <li>
            <input
              type="checkbox"
              style="
                width: 15px;
                height: 15px;
                margin-left: 300px;
                background-color: crimson;
              "
            />
            <p>
              我已阅读
              <a href="">《大麦会员服务协议》</a>
              <a href="">《隐私权政策》</a>
              <a href="">《订票服务条款》</a>
              并同意自动注册成为会员
            </p>
          </li>
          <em>请勾选协议</em>
          <li>
            <input
              type="button"
              value="同意并注册"
              style="
                width: 150px;
                padding-left: 0;
                background-color: crimson;
                color: #fff;
                margin-left: 300px;
                border-radius: 5px;
              "
            />
          </li>
        </ul>
      </div>
    </div>
    <div class="abc"></div>

    <div id="footer">
      <ul>
        <li><a href="">帮助中心</a></li>
        <li><a href="">|</a></li>
        <li><a href="">公司介绍</a></li>
        <li><a href="">|</a></li>
        <li><a href="">品牌识别</a></li>
        <li><a href="">|</a></li>
        <li><a href="">公司大事记</a></li>
        <li><a href="">|</a></li>
        <li><a href="">协议及隐私政策</a></li>
        <li><a href="">|</a></li>
        <li><a href="">廉政举报</a></li>
        <li><a href="">|</a></li>
        <li><a href="">联系合作</a></li>
        <li><a href="">|</a></li>
        <li><a href="">招聘信息</a></li>
        <li><a href="">|</a></li>
        <li><a href="">防骗秘籍</a></li>
      </ul>
      <div id="footer-logo">
        <a href=""><img src="img/f1.png" alt="" /></a>
        <a href=""><img src="img/ma.jpg" alt="" /></a>
        <p class="pp">App下载</p>
        <div class="foot">
          <a href=""><input type="button" value="在线客服" /></a>
          <p>
            京ICP证031057号&nbsp;&nbsp;|&nbsp;&nbsp;京ICP备11043884号&nbsp;&nbsp;|&nbsp;&nbsp;京公网安备11010502037341号&nbsp;&nbsp;|&nbsp;&nbsp;广播电视节目制作经营许可证(京)字第02253号<br />
            网络文化经营许可证
            京网文[2019]4082-420号|营业性演出许可证京市演587号<br />
            北京大麦文化传媒发展有限公司 版权所有大麦网Copyright 2003-2020 All
            Rights Reserved<br />
            举报投诉：damai_tousu@member.alibaba.com
            浙江省杭州市余杭区文一西路969号<br />
            违法不良信息举报电话：020-62108294
          </p>
          <p>
            <a href="">
              <img class="f1" src="img/f2.png" alt="" />
              <img class="f2" src="img/f3.png" alt="" />
              <img class="f3" src="img/f4.png" alt="" />
            </a>
          </p>
        </div>
      </div>
    </div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/sgin.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  </body>
</html>
